﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SlideShow.aspx.cs" Inherits="WEATHER.Modules.HOME.Pages.SlideShow" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
   <title></title>
   <script src="../Scripts/jquery-1.3.2.js" type="text/javascript"></script>
   <script src="../Scripts/jquery_slideshow.js" type="text/javascript"></script>
   <script type="text/javascript">
       $(document).ready(function() {
           $('#slider2').cycle({
               fx: 'fade',
               speed: 600,
               timeout: 6500,
               next: '#next',
               prev: '#prev',
               pause: 1
           });
       });
    </script>   
    
    <style type="text/css">
        body
        {
        	margin: 0;
        }
        
        #controls {
	        left:330px;
	        position:absolute;
	        top:220px;
	        width:37px;
	        z-index:100;
        }

        #slider2{
	        height:220px;
	        padding-top:0;
	        position:relative;
	        width:360px;
        }

        .HomeTopStoryColorLayer {
	        background-color:black;
	        height:85px;
	        left:0;
	        filter: alpha(opacity=40);
	        opacity:0.4;
	        overflow:hidden;
	        position:absolute;
	        top:160px;
	        width:360px;
	        z-index:3;
        }

        .HomeTopStoryColorLayerContent {
	        height:85px;
	        left:0;
	        overflow:hidden;
	        position:absolute;
	        top:163px;
	        width:360px;
	        z-index:4;
        }

        .HomeTopStoryTitle
        {
        	color:#D6F451;
        	font-size:12px !important;
            text-decoration: none;
        }
        
        .HomeTopStoryLead 
        {
        	color:#FFF;
        }
        
        .HomeTopStoryTitle ,
        .HomeTopStoryLead       
        {        	
            font-family:Tahoma;
            font-size:11px;
            font-weight:bold;
            text-align:justify;
            padding: 0 3px;
            display: block;
        }
        
        img 
        {
	        border:medium none;
        }
    </style>

</head>
<body>
    <form id="form1" runat="server">
        <div id="controls">
	        <span>
		        <a id="prev" href="#"><img alt="" src="../Images/Prev.gif"/></a>
	        </span>
	        <span>
		        <a id="next" href="#"><img alt="" src="../Images/Next.gif"/></a>
	        </span> 
        </div>
        <div style="position: relative;"  id="slider2">	
            <asp:Repeater ID="Repeater1" runat="server">
                <ItemTemplate>
                    <div class="HomeTopStoryFrame" style="position: absolute; z-index: 2; opacity: 0.9999; display: block;">
	                    <div class="HomeTopStoryBackground">
		                    <div class="HomeTopStoryImage">
		                        <a href='<%# ResolveClientUrl(GetUrl(Convert.ToInt32(Eval("ID")))) %>'>
                                    <asp:Image ID="Image1" runat="server" ImageUrl='<%# Bind("ImagePath") %>' Width="360px" Height="240px" BorderWidth="0" />
                                </a>				        
		                    </div>
		                    <div class="HomeTopStoryColorLayer"></div>
		                    <div class="HomeTopStoryColorLayerContent">
		                        <asp:HyperLink ID="HyperLink1" CssClass="HomeTopStoryTitle Header" Target="_parent" runat="server" NavigateUrl='<%# GetUrl(Convert.ToInt32(Eval("ID"))) %>' Text='<%# Eval("Title").ToString() %>' ></asp:HyperLink>
                                <div style="padding: 3px"></div>
                                <asp:Label ID="Label6" runat="server" CssClass="HomeTopStoryLead Description" Text='<%# Bind("SubTitle") %>'>
                                </asp:Label>
		                    </div>
	                    </div>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
        </div>	
    </form>
</body>
</html>